<template>
	<view class="marketingActivities">
		<view class="">
			免单购活动
			<text @tap="handeClick" class="text">活动权益说明</text>
			<text @tap="handeClick1" class="btn">立即报名</text>
		</view>
	</view>
</template>

<script setup lang="ts">
	import { storeJoinFlag } from '@/utils/api/freeShipping'
	const handeClick1 = () => {
		uni.showLoading({
			title: '加载中....',
			mask: true
		})

		storeJoinFlag().then((res) => {
			if (res.data.value == 'Y') {
				uni.navigateTo({
					url: '/pages/newCustomerReduction/index'
				})
			} else {
				uni.navigateTo({
					url: '/pages/freePurchase/index'
				})
			}
			uni.hideLoading()
		})
	}
	const handeClick = ()=>{
		uni.navigateTo({
			url: '/pages/eventRegistrationNotice/index'
		})
	}
</script>

<style lang="scss">
	.marketingActivities {
		height: 100vh;
		background: #FF263F;
		padding-top: 24rpx;

		>view {
			font-size: 42rpx;
			background: #fff;
			margin: 0 24rpx;
			padding: 24rpx;
			border-radius: 24rpx 24rpx 24rpx 24rpx;
			display: flex;
			flex-direction: column;

			.text {
				margin: 20rpx 0 48rpx 0;
				font-size: 32rpx;
				color: #4080FF;
			}

			.btn {
				width: 480rpx;
				line-height: 72rpx;
				margin: 0 auto;
				border-radius: 70rpx;
				text-align: center;
				color: #fff;
				font-size: 28rpx;
				background: linear-gradient(#FF8A33 0%, #FF4A4A 100%), #FF4A4A;
				box-shadow: inset 2rpx -2rpx 5rpx 0rpx rgba(255, 255, 255, 0.4), inset -2rpx -2rpx 5rpx 0rpx rgba(255, 255, 255, 0.4), inset -1rpx -1rpx 5rpx 0rpx rgba(255, 255, 255, 0.4), inset 1rpx -1rpx 5rpx 0rpx rgba(255, 255, 255, 0.4);
			}
		}
	}
</style>